<!DOCTYPE html> <html>
    <head lang="en"> <meta charset="UTF-8"> <title></title> </head>
    <body> <h1>This is a test document</h1> With some text, <code>code</code>, <b>bolds</b> and <i>italics</i>.  <h2>This is second header</h2> <p style="display: none">Displaynone text</p> 
    <table>
        <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr>
        <tr> <td>Content 1</td> <td>2</td> <td><img src="http://lorempixel.com/200/200" alt="200"/> Image!</td> </tr>
        <tr> <td>Content 1 longer</td> <td>Content 2</td> <td>blah</td> </tr>
        <tr> <td>Content </td> <td>Content 2</td> <td>blah</td> </tr>
        <tr> <td>t </td> <td>Content 2</td> <td>blah blah blah</td> </tr>
    </table>


    <table> <tr> <th>H1</th> <th>H2</th> <th>H3</th> </tr>
        <tr> <td>C1</td> <td>Content 2</td> <td>x</td> </tr>
        <tr> <td>C123</td> <td>Content 2</td> <td>xyz</td> </tr>
    </table>

some content between the tables<br>

    <table> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr>
        <tr> <td>Content 1</td> <td>Content 2</td> <td><img src="http://lorempixel.com/200/200" alt="200"/> Image!</td> </tr>
        <tr> <td>Content 1</td> <td>Content 2 longer</td> <td><img src="http://lorempixel.com/200/200" alt="200"/> Image!</td> </tr>
    </table>

something else entirely<br>

    <table>
      <thead>
        <tr><th>One</th><th>Two</th><th>Three</th></tr>
      </thead>
      <tbody>
        <tr><td>A</td><td>B</td><th>C</th></tr>
        <tr><td>A</td><td colspan="2">B+C</td></tr>
        <tr><td colspan="2">A+B</td><td>C</td></tr>
        <tr><td colspan="3">A+B+C</td></tr>
      </tbody>
    </table>

    <table>
      <thead>
        <tr><th colspan="2">One+Two</th><th>Three</th></tr>
      </thead>
      <tbody>
        <tr><td>A</td><td>B</td><th>C</th></tr>
        <tr><td>A</td><td colspan="2">B+C</td></tr>
        <tr><td colspan="2">A+B</td><td>C</td></tr>
        <tr><td colspan="3">A+B+C</td></tr>
      </tbody>
    </table>

</body> </html>
